<template>
  <div class="mymoney">
    <div class="mymoney_main">
      <div class="all">
        <p>总资产</p>
        <p>*****</p>
    </div>
    <div class="yesteday">
        <p>昨日收益</p>
        <p>*****</p>
    </div>
    <div class="jiantou">
      >
    </div>
    </div>
    <div class="mymoney_bottom">
      <p>邀您体验财富体检</p>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss">
    .mymoney{
      height: 100%;
      .mymoney_main{
        height: 80%;
        border-bottom: .01rem solid white;
        width: 90%;
        height: 2rem;
        background-color: rgba($color: #fff, $alpha: 0.3);
        border-radius: .1rem;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        position: relative;
        top: .25rem;
        border: .01rem solid white;
        font-family: "黑体";
        font-weight: bold;
        font-size: .3rem;
        color: white;
      }
      .mymoney_bottom{
        height: 20%;
        width: 90%;
        margin:  0 auto;
        border-top: .01rem solid white;
        color: white;
      }
       
        .all{
          display: flex;
          flex-direction: column;
          font-size: 30px;
          width: 40%;
          margin-left: .2rem;
        }
        .yesteday{
          display: flex;
          flex-direction: column;
          width: 40%;

        }
        .jiantou{
          width: 5%;
        }
    }
</style>